<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>tail</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .footer {
            width: 100%;
            height: 324px;
            margin: 0 auto;
            background-image: url(/static/image/footer-bg.jpg);
        }

        .footer ul {
            list-style: none;
        }

        .guide {
            width: 1035px;
            height: 180px;
            border: 0px solid royalblue;
            margin: 0 auto;
            color: white;
            padding-top: 50px;
            line-height: 24px
        }

        .guide li {
            color: #959595;
            font-size: 14px;
            line-height: 29px;
        }

        .guide a {
            text-decoration: none;
            color: #959595;
        }

        .guide a:hover {
            color: orange;
        }

        .guide-setting {
            width: 205px;
            height: 143px;
            border: 0px solid royalblue;
            float: left;
        }

        .guide-setting li:first-child {
            border: blue;
        }

        .guide-wallet {
            width: 205px;
            height: 111px;
            border: 0px solid royalblue;
            float: left;
        }

        .guide-deal {
            width: 205px;
            height: 175px;
            border: 0px solid royalblue;
            float: left;
        }

        .guide-pay {
            width: 205px;
            height: 143px;
            border: 0px solid royalblue;
            float: left;
        }

        .guide-app {
            width: 205px;
            height: 143px;
            border: 0px solid royalblue;
            float: left;
        }

        .line {
            width: 1035px;
            height: 1px;
            margin-left: 270px;
            margin-top: 40px;
            background-image: linear-gradient(-90deg, rgba(39, 42, 44, 0) 0, #4773c8 49%, rgba(39, 42, 44, 0) 100%);
        }

        .copyright {
            width: 100%;
            height: 30px;
            border: 0px solid royalblue;
            margin: 15px auto;
            color: #959595;
            font-size: 13px;
        }
    </style>
</head>
<body>
<div class="footer">
    <div class="guide">
        <div class="guide-setting">
            <h3>账号设置</h3>
            <br>
            <ul>
                <li><a href="javascript:;">实名认证</a></li>
                <li><a href="javascript:;">交易设置</a></li>
                <li><a href="javascript:;">交易防骗指南</a></li>
            </ul>
        </div>
        <div class="guide-wallet">
            <h3>钱包相关</h3><br>
            <ul>
                <li><a href="javascript:;">收费标准</a></li>
                <li><a href="javascript:;">充值提现</a></li>
            </ul>
        </div>
        <div class="guide-deal">
            <h3>交易相关</h3><br>
            <ul>
                <li><a href="javascript:;">交易报价失败原因汇总</a></li>
                <li><a href="javascript:;">FAQ （English version)</a></li>
                <li><a href="javascript:;">什么是交易暂挂</a></li>
                <li><a href="javascript:;">新手常见问题</a></li>
            </ul>
        </div>
        <div class="guide-pay">
            <h3>便捷支付</h3><br>
            <ul>
                <li><a href="javascript:;">支付宝支付</a></li>
                <li><a href="javascript:;">银行卡支付</a></li>
                <li><a href="javascript:;">微信支付</a></li>
            </ul>
        </div>
        <div class="guide-app">
            <h3>手机BUFF</h3><br>
            <img src="/static/image/weibo-qr.png" width="100px"
                 height="100px">
        </div>
    </div>
    <div class="line"></div>
    <div class="copyright">
        <center>网易公司版权所有 ©1997-2021 网易BUFF隐私政策及儿童个人信息保护规则 ICP备案：粤B2-20090191-18</center>
    </div>
</div>
</body>
</html>

